﻿.header2{ display:none; background-color:#FFF; border-bottom:1px solid #dcdcdc;box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
.header2.header{ position:fixed; top:-101px;}
.header2 .head,.header2 .logo{ height:54px;}
.header2 .logo{ margin-top:10px; margin-bottom:10px;}
.header2 .user,.header2 .lg{ padding-top:14px;}
.header2 .serch{ padding-top:23px;}
.header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);}
.header2 .user_img{ border:3px solid #FFF;}
.nav2 .nav_name{ background:url(../images/top_navline.jpg) no-repeat right;}
.nav2 .nav_name:hover{ color:#d90d18;border-bottom: 2px solid #d90d18}
.header2 .lg a:hover{ color:#c4a46c;}
.header2 .sub_ser{ border-bottom:1px solid #dcdcdc;}
.header2 .sub_ser,.header2 .ser_text{ background-color:#FFF;}
.header2 .ser_text{ color:#666;}
.header2 .sub_seline{ border-bottom:1px solid #dcdcdc;}


.nav1 .nav_name{ background:url(../images/nav_line.png) no-repeat right; color:#FFF;}
.nav1 .sub_chnal li a{ color:#fff;}
.nav1 .sub_infname a{ color:#FFF;}
.nav1 .sub_infIntro{ color:#afafaf;}
.nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#c4a46c;border-top:2px #c4a46c solid; border-bottom:2px #c4a46c solid; background: rgba(51,51,51,0.6)}
.header1 { background: rgba(51,51,51,0.4)}
.header1 .sub_ser,.header1 .ser_text{ background:url(../images/sub_yy.png) repeat;}
.header1 .ser_text{ color:#FFF; opacity:0.5; filter: alpha(opacity=50);}
 
/*banner效果*/
/*.banner { width:100%; float:left;}*/
.banner { position:relative; width:100% !important;height:auto}
.banner_list{ width:100% !important; overflow:hidden;}
.banner_list li { position:absolute; width:100% !important; display:none; }
.banner_list li img{ width:100% !important; position:absolute; left:0%; top:50%; width:100%; height:auto;}
.banner_owd{ position:absolute; left:0; bottom:8%; z-index:800; width:100%; height:7px;}
.banner_btn{ height:7px;}
.banner_o{ width:auto; height:7px; padding-left:22px;}
.banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#FFF; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_o li.on{ background-color:#d90d18; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.banner_o span em{ font-size:0; text-indent:-99999;}
.ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;}
.ban_down a{ cursor:pointer;}	
/**********************************手机版banner*************************/
.banner_wap {width:100%; float:left;margin:130px 0 60px}
.block_home_slider {
	width:100%;
	height:auto;
	float:left;
	position: relative;
	text-align: center;
}  /*底部小图标*/
.block_home_slider .slide {
	position:relative;
	text-align:center;
}
.block_home_slider .caption {
	padding:13px 16px 12px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background:url(bg_caption.png);
	text-align:left;
}
.block_home_slider .caption p {
	padding-bottom:0px;
	font-size:11px;
	color:#dedede;
	text-shadow:0px -1px #000000;
	line-height:17px;
}
.block_home_slider .caption p.title {
	padding-bottom:6px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	line-height:normal;
}
.block_home_slider .flex-direction-nav a {
	width:22px;
	height:47px;
	margin-top:-24px;
	display:block;
	position:absolute;
	top:50%;
	background-repeat:no-repeat;
	background-image:url(../images/sprite_arrow_2.png);
	text-indent:-9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left:6px;
	background-position:left top;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right:6px;
	background-position:right top;
}
.block_home_slider .flex-control-paging {
	text-align:center;
}
.block_home_slider .flex-control-paging li {
	width:auto;
	height:9px;
	margin: 0px;
	padding: 0px;
	float:none;
	display:inline-block;
	overflow: hidden;
	list-style-type: none;
	border:none !important;
	background:none !important;
}
.block_home_slider .flex-control-paging li a {
	width:9px;
	height:9px;
	padding:0 8px;
	float:none;
	display:inline-block;
	background-repeat:no-repeat;
	background-image:url(../images/sprite_nav_3.png);
	text-indent:-9000px;
	cursor:pointer;
}
.block_home_post_feature {
	width:300px;
}
.block_home_post_feature p {
	padding-bottom:0px;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	text-align:center;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
	position:relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	height:auto;
}
.flex-pauseplay span {
	text-transform: capitalize;
}		
/****************/	
.headerbg{
	width:100%;
	position: absolute;
	top: 0px;
	height: 100px;
	z-index: 1000;
	
}
/****1**/

.head_d1 ul li{float: left;}
.head_d1 ul li {position:relative; z-index:900;display: block;line-height: 85px;font-size: 16px;color:#fff;transition: all 0.3s;margin-left:3px }
.head_d1 ul li a{color:#000;padding:7px 20px;border-radius: 45px;}
.head_d1 ul li a:hover{background:#d90d18;border-radius: 30px;color:#fff}

.hactive{background:#d90d18;color:#fff!important;border-radius: 45px}

.topdiv{float:right;padding-right:20px}
.topdiv i{position: relative;top:1px;margin-right: .5em;color:#d90d18}
.topdiv span{margin-right:20px;color:#666}
.m1li{
	
}
.m1li h5{
	font-size:35px;
	color:#333
}
.m1li p{
	font-size:14px;
	color:#888;
	line-height: 28px;
	margin-bottom:40px;
}
.m1li a{
	padding:10px 48px;
	display:inline-block;
	color:#fff;
	background:#d90d18;
	border-radius: 48px;
	margin-top:35px;
	transition: all .4s;
}

.m1li a:hover{
	opacity: .7
}

.m1hr{background:#d90d18;width:42px;height: 2px;margin:30px 0}
.m1div{
	width:100%;
	border-bottom:1px solid #d5d5d5;
	padding:10px 0
}

.m1div i{
	margin-right:.5em;
	color:#d90d18;
	position: relative;
	top:.5px
}

.m1div span{
	font-size:14px;
	color:#333
}


.m1img1{
	position: absolute;
	left: 10%;
	bottom: 0;
	z-index: 2
}
.m1img2{
	position: absolute;
	right: 10%;
	top: 0;
	z-index: 1
}

.m2li1{
	text-align:center
}
.m2hr{
	width:42px;height: 2px;background:#fff;margin: 30px auto 20px
}
.m2li1 h5{
	font-size:32px;
	color:#fff;
}
.m2li1 p{
	color:#fff;
}

.m2li2{
	text-align:center;
	margin:50px 0;
}

.m2li2 li{
	display: inline-block
}

.m2li2 a{
	color:#fff;
	display:inline-block;
	padding:5px 17px;
	border:1px solid #fff;
	border-radius: 22px;
	margin:0 10px;
}
.m2li2 a:hover{
	color:#d90d18;
	background:#fff
}
.m2__d1{
	position: relative;
	float: left
}
.m2__d2{
	position: absolute;
	bottom:0;
	left: 0;
	height:60px;
	width:100%;
	background:rgba(0,0,0,.8);
	transition: height .4s;
}
.m2__d2 h5{
	font-size:16px;
	line-height: 60px;
	color:#fff;
	padding-left:30px;
	transition: all .2s;
	display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;
}
.m2__d3{
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	display:flex;
	
}
.m2__yc{
	margin: auto;
	text-align: center;
	padding:0 35px;
	position: relative;
	top:-15px;
	opacity: 0;
	
}
.m2__yc i{
	font-size:65px;
	color:#fff;
}
.m2__yc h2{
	font-size:22px;
	color:#fff
}
.m2__yc p{
	font-size:14px;
	color:#FFF;
	margin-top:20px
}

.m2__d1:hover .m2__d2{	
	height:100%;	
}
.m2__d1:hover h5{
	opacity: 0
}
.m2__d1:hover .m2__yc{
	opacity: 1;
	transition: all 1s
}
.m3li1{
	text-align:center;
}
.m3li1 h5{
	font-size:35px;
	color:#333;
}
.m3li1 p{
	font-size:14px;
	color:#888;
	margin-bottom:50px;
}
.m3hr{
	background:#d90d18;
	width:42px;
	height: 2px;
	margin:30px auto 20px;
}
.m3d1{
	width:auto;
	height: auto;
	overflow: hidden;
	float: left;
	padding:0;
	transition: all .8s
}
.m3d2{
	text-align: center;
	float:left;
	padding:60px 30px 30px;
	position: relative;
	width:100%;
}
.m3d2 h5{
	font-size:20px;
	color:#333
}
.m3d2 p{
	color:#888;
	font-size: 14px;
	line-height: 26px;
	margin:30px 0 40px;
}

.m3d2 i,.m3span3 i{
	color:#d90d18;
	font-weight: bold;
	margin-right: .5em
}

.m3span1{
	font-size:12px;
	color:#888;
	float:left;
}
.m3span2{
	font-size:12px;
	color:#888;
	float:right;
}

.m3span3{
	font-size:12px;
	color:#888;
	float:right;
}
.m3span3:hover{
	color:#d90d18
}

.m3yuan{
	position:absolute;
	width:80px;
	height: 80px;
	background:#d90d18;
	top:0;
	left: 50%;
	z-index: 10;
	margin:-40px 0 0 -40px;
	border-radius: 40px;
	border:5px solid #fff
}

.m3yuan i{
	color:#fff!important;
	font-size:38px;margin: 0!important
}
.m3bd{box-shadow:0 0 20px rgba(0,0,0,0.1);float:left;transition: all .8s;}
.m3bd:hover {
	box-shadow:0 0 40px rgba(0,0,0,.2)
}
.m3bd:hover img{
	transform: scale(1.1)
}
.m3bd:hover .m3d2 h5,.m3d2 a:hover span{
	color:#d90d18!important
}

.m4ul2{
	display:flex;
}
.m4d1{
	width:auto;
	height:auto;
	overflow: hidden;
	float:left;
	margin-bottom: 50px
}


.news_1:hover img{
	transform: scale(1.1)
}

.news_1:hover h5{
	color:#d90d18;
}

.m4d2{
	padding:0px 40px 20px;
	background:#fff;
	/*height: 100%;*/
	width:100%
}
.m4d2 h5{
	font-size:24px;
	line-height:30px;
	color:#333;
	text-align: center
}
.m4d2 p{
	font-size:14px;
	color:#888;
	margin:30px 0 50px
}

.m4span1{
	color:#888;
	font-size:12px;
	float:left;
}
.m4span1 i{
	color:#d90d18;
	margin-right: .5em;
	font-size: 17px
}

.m4span2{
	float:right;
	color:#888;
	font-size:12px;
}
.m4span2 i{
	color:#d90d18;
	margin-right: .5em;
	font-size: 17px
}

.m4d01{
	padding-top:15px
}

.m4d01 h5{
	font-size: 18px;
	color:#333;
}
.m4d01 p{
	font-size:14px;
	line-height: 26px;
	color:#888;
	margin:20px 0
}
.m4dd{
	float: left;	
}
.m4dd img{
	transition:all .5s 
}
.m4dd1{
	padding-left:0;
}

.m4dd:hover img{
	transform: scale(1.1);
}

.m4dd:hover h5{
	color:#d90d18
}

.m4hr{
	width:100%;height:1px;background:#dddee0;float: left;margin:30px 0
}
.ft_p{
	float: left;
	color:#fff;
	font-size: 14px;
	line-height: 35px;
	margin:30px 0
}
.ftspan{
	float: left;
	color:#fff;
	width: 100%;
	margin-bottom:5px
}

.ftspan i{
	margin-right:.5em;
	color:#d90d18
}

.ft2d{
	margin-top:10px;
	color:#fff;
	font-size:16px;
}

.ft2d ul li{
	width:50%;
	display: inline-block;
	float: left
}


.ft2da{
	
	color:#dddddd;
	height: auto;
	float: left;
	font-size:14px;
	position: relative;
	margin-bottom: 5px
}

.ft2da::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #fff;
transition: transform .3s;
transform: scaleX(0);
transform-origin:100% 0;
}

.ft2da:hover::before {
transform: scaleX(1);
transform-origin:0 0;
}


.fthr{
	width:20px;
	height: 1px;
	background:#d90d18;
	margin:10px 0 40px;
}

.vxdiv{
	float: left;
	margin:55px 0 0 30px;
	font-size:14px;
	color:#dddddd
}




.foota3{position: fixed;width: 100%;bottom: 0;background:#333;z-index: 100;padding-bottom: 0px;float: left}
.foota3 li{display: inline-block;float: left;width:33.333333%}
.foota3 a{text-align: center;display: block;color:#fff;padding-top: 3px}
.foota3 a p{position: relative;top:-8px}
.foota3 i{display:inline-block;font-size:16px;color:#fff}















/**1*****************************/
.main1{
	width:100%;
	padding:70px 0 80px;
	height:auto;
}
.main2{
	width:100%;
	height:auto;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	position: relative;
	padding:70px 0 80px
}

.main3{
	width:100%;
	height: auto;
	padding:70px 0 80px;
}
.main4{
	width: 100%;
	height:auto;
	padding:70px 0 80px;
	background:#f4f5f8;
}	

@media only screen and (max-width:1199px){
	.head_d1 ul li { margin-left:3px }
	.head_d1 ul li a{padding:7px 9px}
}


@media only screen and (max-width:1024px){
	.banner{height: 500px!important;margin-top:130px!important}
	.banner img{height:500px!important}

}


@media only screen and (max-width:991px){
	.main1,.main2,.main3{padding:40px 0 50px}
	.main4{padding:40px 0 90px}
	.m1li p{margin-bottom:20px}
	.m4ul2{display:block}
	.m4d1{margin-bottom: 0}
	.m4d2{float:left;padding:30px;margin-bottom: 30px}
	.m2__d2{height:40px}
	.m2__d2 h5{line-height: 40px;font-size:14px;padding-left:20px}
	.m2__yc i{font-size:45px;}
	.m2__yc h2{font-size:16px}
	.m2__yc p{font-size:12px;margin-top: 10px}
	.m2__yc{top:-10px}
	.m2li2{margin:30px 0}
	.m3d2 h5{font-size:16px}
	.m3d2{padding:40px 20px 20px}
	.m3yuan{width:60px;height:60px;margin:-30px 0 0 -30px}
	.m3yuan i{font-size:28px}
	.m3d2 p{margin:10px 0 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 22px;font-size:13px}
	.m3span1{display:none}
	.m3li1 p{margin-bottom: 30px}
	.m4d01 p{margin:20px 0 40px}
.banner_wap{margin-top:0}
}

@media only screen and (max-width:767px){
	.m3d1{width:40%;padding: 0}
	.m3d2{width:60%}
	.m3yuan{display: none}
	.m3d2{padding:20px 20px 0;text-align: left}
	.m3d2 p{margin:10px 0 0;font-size:12px;line-height: 20px}
	.m3bd{ position:relative;margin-bottom:30px}
	.m3span3{position: absolute;right:20px;bottom: 10px}
	.m4dd{width:33.3333333333333%;float:left;padding:0}
	.m4hr{display:none}
	.m4l2{float: left;padding: 0}
	.m4dd1{padding:0 15px}
	.main1, .main2, .main3{padding:40px 0 40px}
	.main4{padding:40px 0 100px}
	.m1li h5{font-size:30px}
	.m1hr {margin:20px 0}
	.m1li p{margin-bottom:10px}
	.m1li a{margin-top:30px}
	.m2li2 a{padding:3px 10px;margin:0 6px;font-size:12px}
	.m2__d2{height:30px}
	.m2__d2 h5{line-height: 30px;font-size:12px;padding-left:10px}
	.m2__yc p{margin-top:0}
	.m2__yc{top:-10px;padding:0 10px}
	.m2__yc h2{display:none}
	.m4span1,.m4span2,.m4d01 p{display:none}
	.m4d01 h5{text-align:left;font-size:14px;line-height:22px}
	.m4d2 p{margin:30px 0}

	.m4d01{padding-top:5px;margin:0 15px;background:#fff}

	

}

@media only screen and (max-width:576px){
	.m1div span{font-size:12px;}
	.container{padding:0}
	.main1, .main2, .main3{padding:30px 0 40px}
	.main4{padding:30px 0 100px}
	.m2li1 h5,.m1li h5,.m3li1 h5{font-size:26px}
	.m2hr,.m3hr{margin:20px auto 20px}
	.m2li2{margin:20px 0 20px;padding:0}
	.m2li2 a{padding:1px 10px;margin:0 0px}
	.col-xs-4{padding:0 5px}
	.m2__yc i{display:none}
	.m2__yc{top:0}
	.m2__yc p{line-height: 16px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
	.m2__d2 h5{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
	.tab-content{float:left;padding: 0 5px}
	.m3d2{padding:10px 10px 0}
	.m3d2 p{    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;margin-top:5px}
	.m3bd{margin-bottom: 20px;width:100%}
	.m4dd1{padding:0 5px}
	.m4l2{padding:0 10px}
	.m3li1 p{margin-bottom:20px}
	.m4d01{padding-top:5px;margin:0 5px;background:#fff}
	.m4d01 h5{font-size:12px;text-align:left;line-height:18px}
	.m4d2{margin-bottom:20px;padding:20px }
	.m4d2 p{margin:10px 0 0 0 ;font-size:12px}
	.m4d2 h5{font-size:18px}
	.m1li a{padding:5px 24px;margin-top:20px}
	.m2li1 p,.m3li1 p,.m1li p{font-size:14px;}
	.m3span3{right:10px;bottom:5px}
}

@media only screen and (max-width:380px){
	.m2li2 a{padding:1px 5px;}
}

@media only screen and (max-width:337px){
	.m2li2 a{padding:1px 2.5px;margin:0 0px}
}
